module.exports = {
    render: function () {
        var textareaDemo = new icu.formElement.textarea({
            verify: {  // rules 对象 参照多规则验证集合文档 中的说明进行设置
                text: '测试输入框',
                rules: 'notNull'
            },
            readonly: false, // 设置是否只读
            placeholder: '测试textarea内容', // 设置未填写输入框时的提示语句
            height: 150,  //初始高度
            width: '', //初始宽度 默认100%
            resize: 'none', //是否可拖拽   vertical 纵向 / horizontal 横向 / both 任意方向 / none 不能拖拽 
            useTabSpace: true,  // 是否使用tab进行缩进
            useTabSpaceWidth: 4, // 缩进的空格数量
            aotoHeight: true, // 自动行高
            errorStyle: 'form-error', // 自定义表单元素出现错误时的外层样式
            onChange: function (value) { // 当输入框发生改变时的回调方法
                // value 为改变后的值
                // this 指向当前 Input 对象
            },
            onError: function (errorMessage, value) { // 当输入框输入的值未通过验证时的回调方法
                // errorMessage 为提示的错误信息
                // value 为改变后的值
                // this 指向当前 Input 对象
            },
        });

        // 渲染
        this.$el.find('#inputBox').append(textareaDemo.html);


        this.$el.find('#getEvent').click(() => {
            textareaDemo.get(function (errorMessage, value) {
                if (errorMessage) {
                    icu.alert.error({
                        text: errorMessage
                    });
                } else {
                    icu.alert.normal({
                        text: value
                    });
                }
            });
        });

        this.$el.find('#setEvent').click(() => {
            textareaDemo.set('#setEvent');
        });

        this.$el.find('#readonly').click(() => {
            textareaDemo.readonly(true);
        });

        this.$el.find('#unReadonly').click(() => {
            textareaDemo.readonly(false);
        });

        this.$el.find('#showErrorStyle').click(() => {
            textareaDemo.showErrorStyle();
        });

        this.$el.find('#hideErrorStyle').click(() => {
            textareaDemo.hideErrorStyle();
        });


    },
};